.center_left{ 
    width: 300px;   
    height: 700px;   
    background-color: #806262; 
    position:relative;
    top: 450px;
    bottom: 4500px;
    left: 570px;
    right: 1570px;
    -webkit-transform: translate(-50%, -50%);   
    -moz-transform: translate(-50%, -50%);   
    -ms-transform: translate(-50%, -50%);   
    -o-transform: translate(-50%, -50%);   
    transform: translate(-50%, -50%);   
}
.tr{
    position:relative;
    width:300px;
}
.td{
    display:inline-table;
    height:80px;
}
.button{
    width: 100%;
    height: 100%;
    position: absolute;
    background:transparent;
    border-collapse:collapse;/*去掉单元格之间的间隙*/
    border:none;
    outline: none;
}
.button_ok{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 200%;
    top: 200%;
    background:transparent;
    border-collapse:collapse;/*去掉单元格之间的间隙*/
    border:none;
    outline: none;
}
.button_pic{
    width: 100%;
    background-color:#806262;
}
.textview{
    position: absolute;
    left:65%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);   
    -moz-transform: translate(-50%, -50%);   
    -ms-transform: translate(-50%, -50%);   
    -o-transform: translate(-50%, -50%);   
    transform: translate(-50%, -50%);
    height: auto;
    color: #ffffff;
    font-family:cursive;
    font-size: 30px;
}
.center_right{
    width: 1000px;   
    height: 700px;   
    background-color: #fff3f3; 
    position:relative;   
    top: -250px;   
    left: 1217px;
    bottom: -250px;
    right: 917px;
    -webkit-transform: translate(-50%, -50%);   
    -moz-transform: translate(-50%, -50%);   
    -ms-transform: translate(-50%, -50%);   
    -o-transform: translate(-50%, -50%);   
    transform: translate(-50%, -50%); 
}
.tr1{
    position:relative;
    width: 800px;
    height: 50;
    left: 10%;
    top: -1%;
}
.td1{
    display: inline-table;
    height: 25px;    
}
.head1_pic{
    position: absolute;
    width: 100%;
    height: 100%;
}
.publish{
    position: absolute;
    left: 85%;
    top: 48%;
    font-size: 20px;
    color: #7f6262;
}
.time{
    position: absolute;
    left: 77.5%;
    top: 60%;
    font-size: 20px;
    color: #7f6262;
    width: 170px;
}
.cancel{
    position: absolute;
    left: 92%;
    top: 48%;
    font-size: 20px;
    color: #7f6262;
}
.td2{
    height: 550px;
}
.text1{
    border:4px solid #7f6262; 
    height:30px; 
    width: 600px;
    position: absolute;
    left: 7%;
    font-size: 20px;
    color: #d8b6b6;
}
.td4{
    position: absolute;
    left: 270%;    
}
.button_up{
    position: absolute;
    left: 87%;
    top: -20%;
    width: 70px;
    height: auto;
}
.a_style{
    position:relative;
    top: 40px;
    left: 110px;
    font-size: 20px;
    color: #7f6262;
    text-decoration: none;
}
.onstyle:hover{
    color:#d8b6b6;
    font-size: 20px;
    text-decoration:underline;
}
.a_back{
    position: relative;
    width: 20px;
    
}

.edit{
    position: absolute;
    left: 94%;
    top: 48%;
    font-size: 20px;
    color: #7f6262;    
}

.edit_pic{
    position: absolute;
    left: -60%;
    width: 20px;
}